<template>
    <div style="font-size: 16px" v-html="contentView"></div>
</template>

<script>
    import marked from 'marked'

    export default {
        name: "MarkdownView",
        props: {
            content: {
                type: String,
                default: ''
            }
        },
        computed: {
            contentView() {
                return marked(this.content)
            }
        }
    }
</script>

<style scoped>

</style>